<template>
  <div>
    <el-card shadow="always" style="margin:30px;">
      <el-form
        ref="form"
        :model="searchForm"
        label-width="80px"
        :inline="false"
        size="small"
      >
        <el-row :gutter="20">
          <el-col :span="6" :offset="0">
            <el-form-item label="昵称">
              <el-input v-model="searchForm.title" placeholder="昵称模糊查询" />
            </el-form-item>
          </el-col>
          <el-col :span="6" :offset="0">
            <el-form-item label="用户名">
              <el-input v-model="searchForm.author" placeholder="用户名模糊查询" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6" :offset="18">
            <el-button size="mini" @click="cancle">重置</el-button>
            <el-button type="primary" size="mini" @click="onSeaver">查询</el-button>
          </el-col>
        </el-row>
      </el-form>
    </el-card>
  </div>
</template>

<script>
import { findUsersByPage } from '@/api/jurisdiction/account/index'
export default {
  data() {
    return {
      searchForm: {}
    }
  },
  computed: {

  },
  created() {
    this.init()
  },
  mounted() {

  },
  methods: {
    init() {
      findUsersByPage(1, 5).then(res => {
        console.log(res)
      })
    },
    cancle() {

    },
    onSeaver() {

    }
  }
}
</script>

<style scoped lang="scss">
    .el-form-item__content{
        margin: 0px;
    }
</style>
